<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta content="initial-scale=1.0,minimum-scale=1.0,maximum=1.0,user-scalable=no,width=device-width" name="viewport">

    <title>信基沙溪</title>
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <!-- Bootstrap -->
    <link href="/xj/css/bootstrap.min.css" rel="stylesheet">
    <link href="/xj/css/index.css" rel="stylesheet">
    <link href="/xj/css/global.css" rel="stylesheet">
    <link href="/xj/css/style.css" rel="stylesheet">
    <script src="/xj/js/html5shiv.min.js"></script>
    <script src="/xj/js/respond.min.js"></script>
    <script src="/xj/js/jquery.min.js"></script>
    <script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js" type="text/javascript" charset="utf-8"></script>


</head>

<body>

<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
<script src="/xj/js/jquery.min.js"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script src="/xj/js/bootstrap.min.js"></script>
<!--//头部-->

<div class="globalstyle">
<div id="whole_box">
     <div class="box">
        <i class="index-icon-search"></i>
        <input type="text" class="username" :placeholder="search_txt" v-on:focus="goSearch()"/>
    </div>
     <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
        <!-- Indicators -->
        <ol class="carousel-indicators">
            <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
            <li data-target="#carousel-example-generic" data-slide-to="1"></li>
            <li data-target="#carousel-example-generic" data-slide-to="2"></li>
        </ol>

        <!-- Wrapper for slides -->
        <!--轮播图片数据对接cyz-->
        <div id="shuffling" class="carousel-inner" role="listbox" style="height: 200px;">
            <div v-for="(item,index) in imglist" :key="index" class="carousel-div item" :class="[index==0?'active':'']">
                <img :src="item" class="carousel-image" style="height: 200px;">
                <div class="carousel-caption">
                </div>
            </div>
        </div>

    </div>


    <div style="width: 100%;" >
        <table style="border-collapse:separate; border-spacing:0px 10px; width: 100%;background-color: #FFFFFF;">
            <tr>
                <td rowspan="2" colspan="2">
                    <div style="position: relative;" id="marketgo">
                        <p style="position: absolute; top:3%;left: 10%;">{{market_shopping_guide_txt}}</p>
                        <p class="index_three_box_en" v-if="three_box_txt_show">Market shopping
                            guide</p>
                        <img src="/xj/image/market.jpg" alt="... " class="" style="width: 98%;padding-left: 10px;">
                    </div>

                </td>
                <!--<td style="width: 1px;"></td>-->
                <td colspan="2">
                    <!--class = "img-thumbnail "-->
                    <div style="position: relative;" id="storego">
                        <p style="position: absolute; top:8%;left: 5%;">{{brand_presentation_txt}}</p>
                        <p class="index_three_brand_en"  v-if="three_box_txt_show">Brand
                            presentation</p>
                        <a href="/page/redirectBrand"><img src="/xj/image/brand_show.jpg" alt="... " class=""
                                                           style="width: 95%;"></a>
                    </div>
                </td>
            </tr>
            <tr>
                <!--<td style="width: 1px;"></td>-->
                <td colspan="2">
                    <div style="position: relative;" id="contractgo">
                        <p style="position: absolute; top:8%;left: 5%;">{{about_us_txt}}</p>
                        <p class="index_three_box_about_en"  v-if="three_box_txt_show">Abouts us</p>
                        <img src="/xj/image/aboutus.jpg " alt="... " style="width: 95%;">
                    </div>
                </td>
            </tr>

        </table>
    </div>

    <!--资讯更新-->
    <div style="width: 100%; padding-top: 10px;" class="div-title text-center center">
        <img src="/xj/image/quotes.jpg" style="width: 15px;"/>
        <h2 style="font-size: 15px; font-weight:bold;font-family: '微软雅黑';margin-top: 8px;">{{dynamic_infor_txt}}</h2>
        <h4 style="font-size: 8px;"  v-if="three_box_txt_show">Dynamic Information</h4>
        <!--去除横线-->
        <!--<hr style="height: 3px;width: 60px;text-align: center;position: relative;background: #0dad8d;border: 0;margin: 10px auto 30px;">-->

        <div class="row index-img" align="center">
            <div class="col-md-6 col-sm-6 col-xs-6" align="center" style="padding-right: 0px;padding-left: 0px;" >

                <a href="/page/redirectInfor#profile"><img :src="i1" style="width: 100%; "></a>
            </div>

            <div class="col-md-6 col-sm-6 col-xs-6 " align="center " style=" padding-right: 0px; padding-left: 0px;" >
                <a href="/page/redirectInfor#messages"><img :src="i2" style="width: 100%;"></a>
            </div>

        </div>
        <div class="row index-img" align="center">
            <div class="col-md-6 col-sm-6 col-xs-6" align="center" style="padding-right: 0px;padding-left: 0px;">

                <a href="/page/redirectInfor#settings"><img :src="i3" style="width: 100%;"></a>

            </div>
            <div class="col-md-6 col-sm-6 col-xs-6 " align="center" style="padding-right: 0px;padding-left: 0px;">

                <a href="/page/redirectInfor#oder"><img :src="i4" style="width: 100%; "></a>
            </div>

        </div>

    </div>

    <!--企业介绍-->
    <div>
        <div style="width: 100%;background-color: white; padding-top: 30px;padding-bottom: 20px;"
             class="div-title text-center center">
            <img src="/xj/image/quotes.jpg" style="width: 15px;"/>

            <h2 style="font-size: 15px; font-weight:bold;font-family: '微软雅黑';margin-top: 8px;">{{enterprise_introduce_txt}}</h2>
            <h4 style="font-size: 8px;"  v-if="three_box_txt_show">About Us</h4>

            <div class="clearfix">
                <img src="https://www.xinjisx.com/wx/lubo/banner1.png" style="width: 100%;"/>
                <div class="about_box">
                    <p style="font-size:13px;">
                        {{about_txt}}
                    </p>
                </div>
                <a href="/page/redirectAboutus?id=1" class="btn btn-pill align-self-center "
                   style="width: 120px;height:30px;background-color: #3d60ba;font-size: 13px;font-weight:bold;color: white; border-radius: 15px; ">{{learn_more_txt}}</a>
            </div>
        </div>
    </div>

    <!--视频-->
    <div style="width: 100%">
        <p style="text-align: center">
            <iframe class="video_iframe" style="z-index:1;" src="http://www.invcert.com/video/en.mp4" allowfullscreen="" frameborder="0" v-if="video_en">
            </iframe>
            <iframe class="video_iframe" style="z-index:1;" src="http://www.invcert.com/video/cn.mp4" allowfullscreen="" frameborder="0" v-if="video_cn">
            </iframe>
        </p>

    </div>

    <div style="width: 100%;height: 100px; font-size: 10px;color: #7f8698;text-align: center;">
        {{bottom_txt}}<br/>
        <a href="http://www.miitbeian.gov.cn">粤ICP备17091994号-4</a>
    </div>

    <!-- 脚注区域 -->
    <!--<footer id="footer " style="width: 100%; ">-->
        <!--<div class="container " style="text-align: center; ">-->
            <!--<div class="row ">-->
                <!--<div style="padding-top: 30px ">-->
                    <!--<strong style="font-size: 10px; ">-->
                        <!--{{bottom_txt}} </strong>-->
                    <!--&lt;!&ndash; <img src="img/wei.jpg " alt=" "> &ndash;&gt;-->
                <!--</div>-->
            <!--</div>-->

        <!--</div>-->
    <!--</footer>-->


    <div class=" nav_self ">
        <div class="nav-one">
            <a href="/page/redirectHome"><img src="/xj/image/home.png" class="img"></a>
        </div>
        <div class="nav-view" style="white-space: pre">
            <a href="/page/redirectMarketopens" :class="three_box_txt_show ? '':'nav_encss'" >{{one}}</a>
        </div>
        <div class="nav-view" style="white-space: pre">
            <a href="/page/redirectInfor"   :class="three_box_txt_show ? '':'nav_encss'" >{{two}}</a>
        </div>
        <div class="nav-view">
            <a href="/page/redirectContractus"  :class="three_box_txt_show ? '':'nav_encss'">{{three}}</a>
        </div>

    </div>

    <!--<iframe src="/xj/bottom_navigation.htm"  class="iframe-btomNavi" frameborder="0" scrolling="No"  leftmargin="0" topmargin="0"></iframe>-->

    <div class="viewCE">
        <img  id = "btnCE" src="/xj/image/English.png" class="image-sty" alt="en" >
    </div>
</div>
</div>

</body>
</html>
<script src="/xj/js/vue.min.js"></script>
<script src="/xj/javascript/global.js"></script>
<script src="/xj/javascript/index.js?v=2"></script>
<script src="//cdn.bootcss.com/vue-resource/1.0.3/vue-resource.js" type="text/javascript" charset="utf-8"></script>
